@mixin transition($transition-time, $transition-property: all, $method: ease) {
    -webkit-transition: $transition-property $transition-time $method;
    -moz-transition:    $transition-property $transition-time $method;
    -ms-transition:     $transition-property $transition-time $method;
    -o-transition:      $transition-property $transition-time $method;
    transition:         $transition-property $transition-time $method;
}

@mixin transform($set) {
    -webkit-transform: $set;
    -moz-transform: $set;
    -ms-transform: $set;
    -o-transform: $set;
    transform: $set;
}

@mixin boxShadow($set){
    -webkit-box-shadow: $set;
    -moz-box-shadow:    $set;
    box-shadow:         $set;
};

@mixin borderRadius($val: 5px){
    -webkit-border-radius:  $val;
    border-radius:          $val;
}

@mixin boxSizing($boxmodel) {
  -webkit-box-sizing: $boxmodel;
     -moz-box-sizing: $boxmodel;
          box-sizing: $boxmodel;
}

@mixin verticalAlign(){
    display: inline-block;
    vertical-align: middle;
    
    & + span{
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }
}

@mixin selection($bg, $color: #000){
    &::selection {
        background: $bg;
        color: $color;
    }
    &::-moz-selection {
        background: $bg;
        color: $color;
    }
}

@mixin placeholder(){
    &:-moz-placeholder {
        @content;
    }
    &::-moz-placeholder {
        @content;
    } // Firefox 19+
    &:-ms-input-placeholder {
        @content;
    } // Internet Explorer 10+
    &::-webkit-input-placeholder {
        @content;
    } // Safari and Chrome
}

@mixin min-screen($res)
{
  @media screen and (min-width: $res)
  {
    @content;
  }
}

@mixin screen-height($resMin, $resMax)
{
  @media screen and (min-height: $resMin) and (max-height: $resMax)
  {
    @content;
  }
}

@mixin main-color-a(){
    color: $ml-main-color;
    &:hover, &:focus{
        color: $ml-main-color-dark;
    }
}

@mixin main-color-btn(){
    color: #FFF;
    background-color: $ml-main-color;
    &:hover, &:focus{
        background-color: $ml-main-color-dark;
    }
}

@mixin secondary-color-a(){
    color: $ml-secondary-color;
    &:hover, &:focus{
        color: $ml-secondary-color-dark;
    }
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}